<template>
  <div class="card">
    <div class="page-head">
      <div class="page-title">内容审核</div>
      <div class="page-subtitle">帖子/评论/举报等内容安全治理</div>
    </div>
    <el-table :data="roles" style="width: 100%">
      <el-table-column prop="id" label="ID" width="80" />
      <el-table-column prop="name" label="审核项" />
      <el-table-column prop="desc" label="说明" />
    </el-table>
  </div>
</template>

<script setup>
defineOptions({ name: 'AdminRoles' });
import { ref, onMounted } from 'vue';
const roles = ref([]);
onMounted(() => {
  roles.value = [
    { id: 1, name: '帖子审核', desc: '文本与图片违规检测' },
    { id: 2, name: '评论审核', desc: '实时评论风控与拦截' },
    { id: 3, name: '举报处理', desc: '用户举报工单受理' }
  ];
});
</script>

<style scoped>
.card { background:#fff; border-radius:8px; padding:16px; box-shadow:0 1px 3px rgba(0,0,0,.08); }
h2 { text-align:left; margin-bottom:12px; }
</style>








